<template>
  <div>
    <div class="index">
      <div class="top inner clearFix">
        <div class="logo fl clearFix">
          <img src="../assets/images/logo.png" alt="">
          <p>什邡市镇街“三化”自助服务系统</p>
        </div>
        <ul class="memberBtn fr">
          <li class="fl"><router-link to="/login">登录</router-link></li>
          <li class="fr"><router-link to="/register">注册</router-link></li>
        </ul>
        <div class="shadow"></div>
      </div>
      <ul class="xtInner clearFix">
        <li class="color1">
          <router-link to="/zwfw">
            <img src="../assets/images/icon_1.png" alt="">
            <p>政务服务</p>
          </router-link>
        </li>
        <li class="color2">
          <router-link to="/shfw">
            <img src="../assets/images/icon_2.png" alt="">
            <p>生活服务</p>
          </router-link>
        </li>
        <li class="color3">
          <router-link to="/shfw">
            <img src="../assets/images/icon_3.png" alt="">
            <p>其他服务</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>

export default {
  name: "Index",
  data(){
    return{}
  },

}
</script>

<style scoped>
.xtInner{padding-top: 183px;width: 1700px;}
.xtInner li{margin-left: 205px;}
.xtInner li a{width: 430px;height: 180px;padding-top: 250px;display: block}
</style>
